<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>半岛小镇服务器</title>
    <script src="../js/jsFile.js" type="text/javascript" rel="script"></script>
    <link rel="stylesheet" href="../css/head.css" type="text/css">
    <link rel="stylesheet" href="../css/final.css" type="text/css">
    <link rel="stylesheet" href="../css/part2.css" type="text/css">
    <link rel="stylesheet" href="../css/part3.css" type="text/css">
    <link rel="SHORTCUT ICON" href="../picture/logo/logo.png" type="image/x-icon">

</head>
<body>
<div id="whole">
        <!--头部导航栏-->
        <div id="head">
            <div id="head-one">
                <ul id="head-u1">
                    <li><a href=""><img id="headLogo" src="../picture/logo/logo.png"></a></li>
                    <li><a href="" id="h2"><h2>半岛小镇服务器</h2></a></li>
                </ul>
                <ul id="head-u2">
                    <li>
                        <input id="search">
                    </li>
                    <li>
                        <p id="searchButton" class="iconfont">搜索&#xe904;</p>
                    </li>
                </ul>
            </div>

            <div id="head-two">
                <ul id="head-title">
                    <li><a href="#head-two" class="iconfont">&#xe822;首页</a></li>
                    <li><a href="" class="iconfont">&#xe8ab;公告&新闻</a></li>
                    <li><a href="https://www.minecraft.net/zh-hans/catalog" class="iconfont">&#xe826;周边&资源</a></li>
                    <li><a href="https://www.mcbbs.net/portal.php" class="iconfont">&#xe7fe;MC玩家社区</a></s></li>
                    <li><a href="https://mc.163.com/" class="iconfont">&#xe60a;游戏下载</a></li>
                </ul>
            </div>
        </div>

        <div id="second">
            <div id="leftSearch">
                <ul id="verticalList">
                    <li><a href="#third"><p class="VerticalFont iconfont">&#xe6b7;服务器信息</p></a></li>
                    <li><a href="#fourth"><p class="VerticalFont iconfont">&#xe63b;服务器剪影</p></a></li>
                    <li><a href="#fifth"><p class="VerticalFont iconfont">&#xe649;服务器构成</p></a></li>
                    <li><a href="sixth"><p class="VerticalFont iconfont">&#xe631;关于我们</p></a></li>
                    <li><a href="seventh"><p class="VerticalFont iconfont">&#xe610;加入我们</p></a></li>
                </ul>
            </div>
            <div id="image">
                <img src="../picture/part2/paint1.jpeg" id="paint">
                <p id="arrowLeft" class="iconfont"><span id="arrowLeftContent">&#xe609;</span></p>
                <p id="arrowRight" class="iconfont"><span id="arrowRightContent">&#xe6b2;</span></p>
            </div>
            <ul id="bottom-circle">
                <li><p class="Circle" id="circle0"></p></li>
                <li><p class="Circle" id="circle1"></p></li>
                <li><p class="Circle" id="circle2"></p></li>
                <li><p class="Circle" id="circle3"></p></li>
                <li><p class="Circle" id="circle4"></p></li>
                <LI><P CLASS="Circle" id="circle5"></P></LI>
            </ul>
        </div>

    <div id="third">
        <div class="third-content">
            <ul>
                <li><img src="../picture/part3/paint2.png" class="img"></li>
                <li><p class="img-content">半岛小镇起源于多玩时代，服务器建立于2017年11月12日,从蛮荒之地发展成工业完善的城区，从最开始的寥寥数人，到现在人数众多的大家庭。</p></li>
            </ul>
        </div>
        <div class="third-content">
            <ul>
                <li><p class="img-content">我们经历过分歧，闹过矛盾，有过分离，我们经受住了时间的考验，这些一切都不是问题。</p></li>
                <li><img src="../picture/part3/paint3.jpeg" class="img"></li>
            </ul>
        </div>
        <div class="third-content">
            <ul>
                <li><img src="../picture/part3/paint4.jpeg" class="img"></li>
                <li><p class="img-content">曾经和我们一同出发的团队现在已然消失，尽管孤军奋战，我们也不会轻易放弃。</p></li>
            </ul>
        </div>
    </div>

</div>
</body>
</html>